import Vue from 'vue' // 默认不包含模板编译器
import App from './App.vue'

new Vue({
  data () {
    return {
      msg: 'atguigu'
    }
  },
  
  /* 
  代码/模板: 有特定结构的字符串
  ast: 包含了被解析的模板字符串的重要信息数据的树状态结构的对象
    {
      tag: '标签名',
      attrs: [
        {name: '属性名', value: '属性值'},
        ....
      ],
      children: [
        子ast节点对象1,
        ...
      ]
    }
  */
  template: `
    <div id="app" name="xxx">
      <p>{{msg}}</p>
      <span>abc</span>
    </div>
  `
  // template: `<App></App>`,
  // components: {
  //   App
  // }
}).$mount('#app')
